<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>行内元素</title>
</head>
<body>
  <!-- a.行内元素特点
  1.宽高由内容决定
  2.与其他元素共享一行
  3.无法根据css设置宽高
  4.行内元素不建议嵌套块级元素
  -->
  <span style="border: 1px solid red;">我是行内元素</span>
  <div>我是一个div</div>
  <span style="border: 1px solid blue; width: 100px; height: 100px;">我是第二个行内元素</span>
  <!-- b.不建议使用以下行内元素 -->
  <strong>加粗</strong>
  <b>加粗</b>  
  <em>斜体</em>
  <i>斜体</i>
  <sub>上标</sub>
  <sup>下标</sup>
  <!-- c. 
  常用行内元素 a img span
  -->


</body>
</html>